<template>
    <view>
        
    </view>
</template>

<script>
    export default {
        data() {
            return {
                
            }
        },
        methods: {
            
        }
    }
</script>

<style>

</style>
<template>
    <view>
    	<view class="title">
    		<view class="wode_shang">
    			<view class="xinxi">
    				<view class="wode_tou">
    					<image src="../../static/1.jpg" style="width: 55px; height: 55px;  "></image>
    				</view>
    				<view class="xinxi_zi">
    					<p>{{user.phone}}</p>
    				</view>
    				
    			</view>
    		</view>
    	</view>
		<!-- <view class="title1">
			<view class="">
				
			</view>
			<view class="">
				
			</view>
		</view> -->
		<view class="dan">
			<uni-row class="demo-uni-row" :width="nvueWidth">
				<uni-col>
						<view class="demo-uni-col " @click="dianji()">
							<uni-col :span="2">
								<view class="demo-uni-col">
									
								</view>
							</uni-col>
							<uni-col :span="20">
								<view class="demo-uni-col ">
									<text class="te">历史搜索</text>
								</view>
							</uni-col>
							<uni-col :span="3">
								<view class="demo-uni-col">
								<image src="../../static/11.png" style="width: 50rpx;height: 50rpx;"></image>
								</view>
							</uni-col>
							
							
						</view>
				</uni-col>
				<uni-col>
						<view class="demo-uni-col " @click="shou()">
							<uni-col :span="2">
								<view class="demo-uni-col">
								
								</view>
							</uni-col>
							<uni-col :span="20">
								<view class="demo-uni-col ">
									<text class="te">个人收藏</text>
								</view>
							</uni-col>
							<uni-col :span="3">
								<view class="demo-uni-col">
								<image src="../../static/11.png" style="width: 50rpx;height: 50rpx;"></image>
								</view>
							</uni-col>
						</view>
				</uni-col>
				
				<uni-col>
						<view class="demo-uni-col">
							<uni-col :span="2">
								<view class="demo-uni-col">
									
								</view>
							</uni-col>
							<uni-col :span="20">
								<view class="demo-uni-col ">
									<text class="te">联系我们</text>
								</view>
							</uni-col>
							<uni-col :span="3">
								<view class="demo-uni-col">
									<image src="../../static/11.png" style="width: 50rpx;height: 50rpx;"></image>
								</view>
							</uni-col>
							
						</view>
				</uni-col>
				<uni-col>
						<view class="demo-uni-col ">
							<uni-col :span="2">
								<view class="demo-uni-col">
									
								</view>
							</uni-col>
							<uni-col :span="20">
								<view class="demo-uni-col ">
									<text class="te">我要反馈</text>
								</view>
							</uni-col>
							<uni-col :span="3">
								<view class="demo-uni-col">
									<image src="../../static/11.png" style="width: 50rpx;height: 50rpx;"></image>
								</view>
							</uni-col>
							
						</view>
				</uni-col>
				<uni-col>
						<view class="demo-uni-col " @click="liu">
							<uni-col :span="2">
								<view class="demo-uni-col">
									
								</view>
							</uni-col>
							<uni-col :span="20">
								<view class="demo-uni-col ">
									<text class="te">浏览量</text>
								</view>
							</uni-col>
							<uni-col :span="3">
								<view class="demo-uni-col">
									<image src="../../static/11.png" style="width: 50rpx;height: 50rpx;"></image>
								</view>
							</uni-col>
							
						</view>
				</uni-col>
			</uni-row>
							
		</view>
        
        
    </view>
</template>

<script>
    export default {
        data() {
            return {
                iphone:'15935663049',
                aa:'133',
				users:{},
				user:{},
				history:{},
				collect:{},
            }
        },
        created() {
            const user = uni.getStorageSync('user');
            console.log(user);
            this.user=user
        },
        methods: {
            dianji(){
				this.request('/hou/suhistory/' +this.user.id,'GET').then(res => {
					console.log("-------------");
					console.log(res.data.data);
					this.history=res.data.data;
					uni.navigateTo({
						url: '/pages/my/history?history=' + encodeURIComponent(JSON.stringify(
								this.history))

						// url: '../authority/yemianxq?idzheng='+encodeURIComponent(JSON.stringify(
						// 		this.idzheng))+ '&idfan=' + encodeURIComponent(JSON.stringify(this.idfan)) 
					})
				})
				
			},
			shou(){
				this.request('/hou/sucollect/' +this.user.id,'GET').then(res => {
					console.log("-------------");
					console.log(res.data.data);
					this.collect=res.data.data;
					uni.navigateTo({
						url: '/pages/my/collect?collect=' + encodeURIComponent(JSON.stringify(
								this.collect))
				
						// url: '../authority/yemianxq?idzheng='+encodeURIComponent(JSON.stringify(
						// 		this.idzheng))+ '&idfan=' + encodeURIComponent(JSON.stringify(this.idfan)) 
					})
				})
			},
			liu(){
				this.request('/su/find/'+this.user.id ,'GET').then(res => {
					console.log("-------------");
					console.log(res.data.data);
					this.hi=res.data.data
					uni.navigateTo({
						url: '/pages/my/hi?hi=' + encodeURIComponent(JSON.stringify(
								this.hi))
				
						// url: '../authority/yemianxq?idzheng='+encodeURIComponent(JSON.stringify(
						// 		this.idzheng))+ '&idfan=' + encodeURIComponent(JSON.stringify(this.idfan)) 
					})
				})
			}
        }
    }
</script>

<style>
.title1{
	width: 100%;
	height: 600rpx;
	
}
.title{
		width: 100%rpx;
		height: 200rpx;
		background-color: #623594;
	}
	.wode_shang{
		padding-top: 10px;
		padding-left: 10px;
		color: #ffffff;
	}
	.dingbu{
		display: flex;
	}
	.dingbu p{
		padding-right: 290px;
	}
	.wode_tou{
		margin-left: 50rpx;
		width: 55px;
		height: 55px;
		background-color: #fff;
		border-radius: 5px;
	}
	.xinxi{
		display: flex;
		margin-top: 7px;
	}
	.xinxi_zi{
		margin-top: 15rpx;
		padding-left: 20px;
		line-height: 30px;
	}
	
	
	
	
	.te{
		font-size: 35rpx;
	}
	.dan{
		
		width: 100%;
		height: 600rpx;
		align-items: center;
	}
	.demo-uni-col {
		display: flex;
			height: 43px;
			border-radius: 5px;
			justify-content: left;
			 border-bottom: whitesmoke solid 2rpx;
			align-items: center;
			
			
		}
	.demo-uni-row {
			margin-bottom: 10px;
	
		
	
		}
	.pp{
		position: absolute;
		right: 0rpx;
		top: 0rpx;
		width: 250rpx;
		
	}
	.jj{
		position: absolute;
		top: 45rpx;
		right: -40rpx;
	}
	.ke{
		font-weight: bold;
	}
	.jie{
		position: absolute;
		top: 820rpx;
		left: 30rpx;
		
	}
	.pian{
		position: absolute;
		top: 550rpx;
		width: 100%;
		height: 10rpx;
		
	}
	text{
		font-size: 33rpx;
	}
	.bao{
		position: absolute;
		top: 350rpx;
		left: 20rpx;
		align-content: center;
	}
	.men{
		position: absolute;
		top: 20rpx;
		left: 120rpx;
	}
	.men1{
		position: absolute;
		top: 20rpx;
		left: 460rpx;
		
	}
	
	.miid{
		position: absolute;
		top: 100rpx;
		left: 150rpx;
	}
	.mi{
		position: absolute;
		top: 27rpx;
		left: 150rpx;
		font-weight: bold;
	}
	.qie{
		width: 180rpx;
		height: 45rpx;
		font-size: 25rpx;
		color: #00BFFF;
	}
	.tu{
		position: absolute;
		top: 30rpx;
		right: 50rpx;
	}
	.tutu{
		position: absolute;
		top: 30rpx;
		left: 1rpx;
		width: 250rpx;
		height: 100%;
		background-image: '../../static/3.png';
	}
	.dise{
		position: absolute;
		top: 200rpx;
		height: 1520rpx;
		width: 100%;
		background-color: white;
		border-radius: 20rpx;
	}
	.jieshao{
		// background-color: white
		position: absolute;
		top: 120rpx;
		left: 75rpx;
		width: 600rpx;
		height: 200rpx;
		border: whitesmoke solid 1rpx;
		border-radius: 20rpx;
		background-color: white
	}

	.yiyuan{
		position: absolute;
		top: 50rpx;
		left: 50rpx;
		color: white;
		font-size: 40rpx;
	}
</style>
